import React from 'react';
import Spinkit from "react-native-spinkit";
import {Center} from "@gluestack-ui/themed";
import {useTheme} from "@/hooks";

const Loading = ({loading}: { loading: boolean }) => {
    const {colors} = useTheme();
    return (
        <Center
            flex={1}
        >
            <Spinkit isVisible={loading} size={70} type={"9CubeGrid"}
                     color={colors.primary500}/>
        </Center>
    );
};

export default Loading;